// 使用教程  字段与element一致
export const column = [
  {
    label: "序号",
    type: "index",
    width: 50,
    align: "center",
    headerTooltip: "表头提示语",
  },
  {
    label: "表格头1", // 表格标题头
    prop: "date", // 数据字段
    // width: 200, // 表格宽度
    align: "center", // 对齐方式 默认（left）
    minWidth: 100, // 最小宽度
    filters: [
      { text: "2016-05-01", value: "2016-05-01" },
      { text: "2016-05-02", value: "2016-05-02" },
      { text: "2016-05-03", value: "2016-05-03" },
      { text: "2016-05-04", value: "2016-05-04" },
    ],
    "filter-method": (value, row) => {
      return row.date == value;
    },
    sortable: true, //是否排序
    isSlot: true, //是否插槽列
    //使用render函数渲染内容 ！！！优先级比插槽低
    render: (h, { row }) => {
      console.log(222, row);
      return h("span", row.address + row.add);
    },
  },
  {
    label: "表格头3",
    prop: "add",
    width: 200,
    align: "center",
    sortable: true,
    isSlot: true,
  },
  {
    label: "操作",
    prop: "operate",
    width: 200,
    isSlot: true,
  },
];

export const tableDataList = [
  {
    date: "2016-05-02",
    name: "1",
    address: "上海市普陀区金沙江路 1518 弄",
    add: 1,
  },
  {
    date: "2016-05-04",
    name: "2",
    address: "上海市普陀区金沙江路 1517 弄",
    add: 2,
  },
];
